<?php 
require_once 'ckLogin.php';
require_once 'init.php';
require_once 'dbClasses'.DIRECTORY_SEPARATOR.'config.php';
require_once 'dbClasses'.DIRECTORY_SEPARATOR.'dbConn.php';
$db = new dbConn();

$db->sql = "SELECT * FROM KeyValuePairs";
$users = $db->doResultList2();


?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo APPLICATION;?></title>
<!--                       CSS                       -->
<!-- Reset Stylesheet -->
<link rel="stylesheet" href="resources/css/reset.css" type="text/css" media="screen" />
<!-- Main Stylesheet -->
<link rel="stylesheet" href="resources/css/main.css" type="text/css" media="screen" />
<!-- Invalid Stylesheet. This makes stuff look pretty. Remove it if you want the CSS completely valid -->
<link rel="stylesheet" href="resources/css/invalid.css" type="text/css" media="screen" />

<!-- jQuery -->
<script type="text/javascript" src="resources/scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript">

</script>
<!-- jQuery Configuration -->
<script type="text/javascript"
	src="resources/scripts/simpla.jquery.configuration.js"></script>
<!-- Facebox jQuery Plugin -->
<script type="text/javascript" src="resources/scripts/facebox.js"></script>
<!-- jQuery WYSIWYG Plugin -->
<script type="text/javascript" src="resources/scripts/jquery.wysiwyg.js"></script>
<!-- jQuery my97datepicker -->
<script type="text/javascript" src="resources/scripts/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript">
$(function($) {
	$("#searchBut").click(function(){
		$("#tbody-content").html("");
		var keyname = $("#keyname").val();
		var starttime = $("#starttime").val();
		var endtime = $("#endtime").val();
		var content = '';
		$.ajax({
			type: "GET",
			url: "youpinAjax.php",
			data: "key="+keyname+"&starttime="+starttime+"&endtime="+endtime+"&act=everyClick",
			dataType: "json",
			success: function(date){
				$.each( date, function(i, n){
					content += "<tr><td>"+n.date+"</td><td>"+n.num+"</td></tr>";
				});
				
				$("#tbody-content").append(content);
			}
		});
		//alert(keyname+' | '+starttime+' _ '+endtime);
	});
});
</script>
</head>

<body>
	<div id="body-wrapper">
		<!-- Wrapper for the radial gradient background -->
		
		<div id="main-content">
			<!-- Page Head -->
			<h2>欢迎使用<?php echo APPLICATION;?>管理后台</h2>
			<p id="page-intro">点击数据</p>

			<div class="clear"></div>
			<!-- End .clear -->

			<div class="content-box">
				<!-- Start Content Box -->

				<div class="content-box-header">

					<h3>点击数</h3>

					<div class="clear"></div>

				</div>
				<!-- End .content-box-header -->

				<div class="content-box-content">

				<!-- Start Notifications -->
				
				<div class="notification success png_bg" style="display: none;">
					<a href="#" class="close"><img
						src="resources/images/icons/cross_grey_small.png"
						title="Close this notification" alt="close" /></a>
					<div>
						修改成功
					</div>
				</div>
				
				<div class="notification error png_bg" style="display: none;">
					<a href="#" class="close"><img
						src="resources/images/icons/cross_grey_small.png"
						title="Close this notification" alt="close" /></a>
					<div>
					修改失败
					</div>
				</div>
				
				<!-- End Notifications -->
				
					<div class="tab-content default-tab" id="tab1">
						<!-- This is the target div. id must match the href of this div's tab -->

						<table style="width: 50%;">
							<thead>
								<tr>
									<th>名称</th>
									<th>日期</th>
									<th></th>
									 
								</tr>
							</thead>
							<tbody>
							
								<tr>
									<td style="">
										<select id="keyname">
										<?php if(count($users)>0):?>
										<?php foreach ($users as $key=>$item):?>
											<option value="<?php echo $item['Name'];?>"><?php echo $item['nickname'];?></option>
										<?php endforeach;?>
										</select>
									</td>
									<td><input type="text" id="starttime" onClick="WdatePicker()" style="width: 70px;"/> - 
										<input type="text" id="endtime" onClick="WdatePicker()" style="width: 70px;" value="<?php echo date("Y-m-d");?>" /> </td>
									<td><input type="button" id="searchBut" value="查询"/></td>
								</tr>
							<?php else:?>
								<tr style="font-size: 50px;text-align: center; font-weight: bold;"><td colspan="3" style="text-align: center;">没有数据</td></tr>
							<?php endif;?>
							</tbody>

						</table>
						<hr />
						<table style="width: 50%;">
							<thead>
								<tr>
									<th colspan="2">查询结果</th>
								</tr>
							</thead>
							<tbody id="tbody-content">
								
							</tbody>

						</table>
					</div>
					<!-- End #tab2 -->

				</div>
				<!-- End .content-box-content -->

			</div>
			<!-- End .content-box -->

			<div class="clear"></div>

			<div id="footer">
				<small> <!-- Remove this notice or replace it with whatever you want -->
					&#169; Copyright 2009 Your Company | Powered by <a
					href="http://themeforest.net/item/simpla-admin-flexible-user-friendly-admin-skin/46073">Simpla
						Admin</a> | <a href="#">Top</a>
				</small>
			</div>
			<!-- End #footer -->

		</div>
		<!-- End #main-content -->

	</div>
</body>


<!-- Download From www.exet.tk-->
</html>
